// import { PropsWithChildren } from 'react';
// import { TextStyle } from './style';
// import Base from './Base';
// import Detail001 from './Detail001';
// import Detail002 from './Detail002';
import SortTable from './SortTable';
// import GridSort from './GridSort';
// import { GridSort } from '@/components/DraggableSort';
// import TestComponent from './TestComponent';
// import WithTable from './WithTable';
import { Table } from 'antd';
import DragOverlay from './DragOverlay';
import { columns, list, listChildren } from './DragOverlay/config';

const DndKit = () => {
	return (
		<>
			{/* <Base /> */}
			{/* <Detail001 /> */}
			{/* <Detail002 /> */}
			<SortTable />
			{/* <GridSort /> */}
			{/* <Divider /> */}
			{/* <TestComponent /> */}
			{/* <WithTable /> */}
			{/* <DragOverlay /> */}
		</>
	);
};

export default DndKit;
